<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>   
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link href="css/bootstrap.min.css" rel="stylesheet">
<title>Ingresar - Entrenimiento</title>
</head>
<body>

	<div class="container">
		<div id="loginbox" style="margin-top:50px;" class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
			<div class="panel panel-info" >
				<div class="panel-heading">
					<div class="panel-title">Ingresar</div>
					<div style="float:right; font-size: 80%; position: relative; top:-10px"><a href="registra.jsp">Registrar</a></div>
				</div>
				
				<div style="padding-top:30px" class="panel-body" >
						<div style="display:none" id="login-alert" class="alert alert-danger col-sm-12"></div>
						<form id="loginform" class="form-horizontal" role="form" action="LoginServlet" method="post">
							<div style="margin-bottom: 25px" class="input-group">
								<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
								<input id="login-username" type="email" class="form-control" name="username" placeholder="email@email.com" required>
							</div>
							<div style="margin-bottom: 25px" class="input-group">
								<span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
								<input id="login-password" type="password" class="form-control" name="password" placeholder="password" required>
							</div>
							
							<div style="margin-left:10px;float:left;" class="form-group">
							<!--botones-->
								
								<button class="btn btn-success" type="submit">Ingresar </button>
                                <button class="btn btn-danger" type="reset">Cancelar </button>
							</div>
							<div style="padding-top:45px">
							<span style="color: red;">${MENSAJE }</span>
							</div>												
						</form>
				</div>
				
			</div>
		</div>
		
	</div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
</body>
</html>